<template>
  <!-- 头部组件 -->
  <Header></Header>
  <!-- 路由出口 -->
  <router-view></router-view>
  <!-- 底部组件：在home、search页面显示，在登录、注册页面隐藏 -->
  <Footer v-if="$route.meta.showFooter"></Footer>
</template>
<script setup>
import Header from '@/components/Header'
import Footer from '@/components/Footer'
import { onMounted } from 'vue'
import { useStore } from 'vuex'
// 引入vuex的实例store
const store = useStore()

onMounted(() => {
  /** 派发action，获取三级联动组件的列表 */
  store.dispatch('getCategoryList')
})
</script>
<style lang="scss"></style>
